<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>数据的三种写法</title>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="vue-router.js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			{{msg}}
		</div>
	</body>
	<script type="text/javascript">
		new Vue({
			el:"#app",
			//第一种形式
			// data:{
			// 	msg:"hello"
			// },
			//第二种形式,函数形式,返回对象
			// data:function(){
			// 	return {msg:"2hello"}
			// }
			//第三种形式
			data(){
				return{msg:"3hello"}
			}
		})
	</script>
</html>
